article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary{display: block;}
a{color: #333; text-decoration: none; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
a:link,
a:hover,
a:active,
a:visited{text-decoration: none;}
ins{background-color: #ff9; color: #000; text-decoration: none;}
mark{background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del{text-decoration: line-through;}
table{border-collapse: collapse; border-spacing: 0;}
hr{display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0;}
input,
select{vertical-align: middle;}
li,
ul{list-style-type: none;}
img{border: none;}
input,
textarea{outline: 0; border: 0;}
textarea{resize: none;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,,em{font-weight: normal; font-style: normal;}
.container{width: 1180px; margin-left: auto; margin-right: auto;}
.pull-right{float: right !important;}
.pull-left{float: left !important;}
.clearfix{clear: both;}
.hide{display: none;}
.show{display: block;}
.page-about h3{height: 60px; border-bottom: #e1e3df dashed 1px; line-height: 60px; color: #505050; font-size: 22px; font-weight: bold; text-align: center;}
.page-about .news_author{width: 100%; height: 30px; line-height: 30px; color: #505050; font-size: 12px; text-align: center; border-bottom: #e1e3df dashed 1px; margin: 0 auto; color: #666; margin-bottom: 20px;}
.page-about .news_author .scan{color: #666; background-image: url("../images/ewm.gif"); background-repeat: no-repeat; background-position: left center; padding: 5px 0 5px 30px; position: relative;}
.page-content{height: auto; line-height: 25px; color: #505050; font-size: 14px; overflow: hidden;}
.page-content a{color: #333; font-size: 15px; font-weight: 900;}
.page-content img{width: 100%;/*height: 80% !important;*/}
.wjdh-banner{background-color: #fff; background-repeat: no-repeat; background-position: center center; height: 320px;}
.breadcrumb-search{height: 60px; margin-bottom: 40px; background-color: #f4f4f4; overflow: hidden;}
.breadcrumb{width: 40%; height: 60px; line-height: 60px; overflow: hidden; color: #676767;}
.breadcrumb img{margin-right: 5px;}
.breadcrumb a{color: #676767;}
.breadcrumb a:hover{color: #f00;}
#qrcode{display: none; position: absolute; right: 0; top: 40px; padding: 10px; background-color: #fff; border-radius: 5px; border: 1px solid #ececec; z-index: 9;}
#qrcode table{width: 225px; margin: 0!important;}
.wjdh-search{line-height: 60px; width: 60%; overflow: hidden;}
.wjdh-search .search-key a{color: #b7b7b7; padding: 0 5px;}
.wjdh-search .form{color: #666; margin-top: 12px; margin-left: 20px;}
.wjdh-search .search-t{float: left; width: 180px; height: 35px; line-height: 35px; color: #666; padding: 0 10px; margin-bottom: 4px; outline: 0; font-size: 12px; background: #fff; border: 1px solid #e5e5e5;}
.wjdh-search .search-s{float: left; width: 70px; height: 37px; line-height: 37px; color: #fff; font-size: 12px; cursor: pointer; margin-left: -1px; font-size: 16px;}
.side-bar{width: 250px;}
.side-bar .side-bar-tit{background-color: #f8f8f8; padding: 15px 0;}
.side-bar .side-bar-tit i{float: left; width: 30px; height: 30px; background-color: #f00; margin-right: 5px;}
.side-bar .side-bar-tit h2{font-size: 30px; font-weight: bold; height: 35px; line-height: 30px; color: #f00;}
.side-bar .side-bar-tit span{font-size: 16px; font-weight: bold; color: #bcbcbc; text-transform: uppercase; padding-left: 5px;}
.side-bar dl{margin-bottom: 20px; border-bottom: 1px solid #e8e8e8;}
.side-bar dl dt i,
.side-bar dl dd i{display: block; width: 16px; height: 8px; background-color: #fff; position: absolute; left: 7px; top: 50%; margin-top: -4px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.side-bar dl .cur i,
.side-bar dl dt:hover i,
.side-bar dl dd:hover i{transform: scale(1, 0.2); -webkit-transform: scale(1, 0.2);}
.side-bar dl dt{height: 45px; line-height: 45px; margin-bottom: -2px; background-color: #f00; background-image: url("../images/ico1.png"); background-repeat: no-repeat; background-position: 230px center; position: relative;}
.side-bar dl dt a{color: #fff; font-size: 18px; display: block; width: 185px; height: 45px; line-height: 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 30px;}
.side-bar dl dd{position: relative;}
.side-bar dl dd a{display: block; height: 30px; line-height: 30px; border-top: 2px solid #fff; background-color: #f8f8f8; padding: 0 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.side-bar dl dd i{display: none;}
.side-bar dl .cur i,
.side-bar dl dd:hover i{display: block;}
.side-bar dl .cur a,
.side-bar dl dd:hover a{background-color: #f00; color: #fff; padding-left: 50px;}
.side-bar #wjdh-side-hot{background-color: #f8f8f8;}
.side-bar #wjdh-side-hot .tempWrap{margin: auto;}
.side-bar dl ul{padding: 10px;}
.side-bar dl ul li{padding-top: 10px; border-bottom: 1px solid #e9e9e9;}
.side-bar dl ul li .img{width: 210px; height: 190px; padding: 4px; margin: 0 auto; background-color: #e9e9e9;}
.side-bar dl ul li img{}
.side-bar dl ul li .title-a{display: block; width: 90%; height: 30px; line-height: 30px; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;}
.side-bar #wjdh-side-hot span.prev,
.side-bar #wjdh-side-hot span.next{display: inline-block; _display: inline; *display: inline; zoom: 1; width: 35px; height: 20px; margin: 0 5px; cursor: pointer;}
.side-bar #wjdh-side-hot .hot-btn{text-align: center; padding: 10px;}
.side-bar #wjdh-side-hot span.prev{background: url("../images/sidebar_left.png");}
.side-bar #wjdh-side-hot span.next{background: url("../images/sidebar_right.png");}
.side-bar dl .tag{padding: 15px 0; line-height: 25px;}
.side-bar dl .tag a{padding: 2px 10px; background-color: #f8f8f8; *display: inline; _display: inline; zoom: 1; display: inline-block; margin-bottom: 10px;}
.side-bar dl .tag a:hover{background-color: #f00; color: #fff;}
.side-contact{margin-bottom: 20px;}
.side-contact .side-contact-phone{background-color: #f00; font-size: 16px; color: #fff; background-image: url("../images/phone.png"); background-position: 20px center; background-repeat: no-repeat; padding: 10px 10px 10px 55px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.side-contact .side-contact-phone:hover{background-position: 20px 5px;}
.side-contact .side-contact-phone p{font-size: 23px; font-weight: bold; line-height: 22px;}
.side-contact .side-contact-adress{padding: 10px 20px; background-color: #353537; background-image: url("../images/adress.png"); background-position: 20px 10px; background-repeat: no-repeat; text-indent: 25px; color: #cecece; line-height: 22px;}
.wjdh-main{width: 890px;}
.wjdh-title{background-color: #fff; padding: 10px; position: relative; margin-bottom: 20px;}
.wjdh-title .title-box{padding-bottom: 1px; border-bottom: 1px solid #ececec;}
.wjdh-title h3{border-bottom: 1px solid #f00; font-size: 20px; display: inline; color: #f00;}
.wjdh-title .more{float: right; color: #999;}
.wjdh-title h3 a{color: #f00;}
.wjdh-title h3 small{font-size: 16px; color: #bcbcbc; text-transform: uppercase;}
.wjdh-title .tagcell{background-color: #fff; padding: 10px; position: absolute; right: 0; top: 0;}
.wjdh-title .tagcell span{float: left; width: 21px; height: 21px; border-radius: 2px; background-color: #f00; background-image: url("../images/prev-next.png"); background-position: left center; background-repeat: no-repeat; margin: 0 5px; cursor: pointer;}
.wjdh-title .tagcell .next{background-position: right center;}
.content-show{border: 18px solid #f4f4f4; padding: 22px; background-color: #fff;}
.line{width: 100%; height: 7px; background-image: url("../images/bg1.gif");}
/*分页*/
.pages{clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pages span,.pages .pagenum,.pages .pagedown,.pages .pageend,.pages a{display:inline-block;border: 1px solid #ccc;padding: 4px 12px;margin: 0 1px;line-height:24px;background: #fff;color:#999}
.pages ul li:hover{background:#f00;color:#fff;border: 1px solid #f00}
.pages ul li:hover a{color:#fff;}
.pages ul li.thisclass{display: inline-block;border: 1px solid #f00;padding: 4px 12px;margin: 0 1px;background: #f00;color: #fff;}
.pages ul li.thisclass a{color: #fff;}
.pages ul li a{display:block;color:#999}
.pages ul li a:hover{color: #fff;}
.pages .pageinfo{display:none}

.adjacent{height: 35px; margin-top: 20px;}
.adjacent ul{width: 900px;}
.adjacent ul li{float: left; width: 340px; margin-right: 90px; padding: 0 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 1px solid #e5e5e5; background: #fafafa; height: 28px; line-height: 28px;}
.adjacent ul li a{color: #333; font-size: 14px; font-weight: 100; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.relevant{border: 1px solid #e5e5e5; margin-top: 20px;}
.relevant .title{height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5; padding: 0 10px; overflow: hidden;}
.relevant .title h3{display: inline; color: #f00; font-size: 18px; font-weight: bold;}
.relevant .title .tag{display: inline; color: #676767;}
.relevant .title .tag a{margin-right: 10px; color: #676767;}
.relevant .title .back{float: right; padding-right: 20px; background-image: url("../images/back.gif"); background-repeat: no-repeat; background-position: right center;}
.relevant .content{padding: 10px 20px;}
.relevant .content ul{width: 845px;}
.relevant .content ul li{float: left; width: 320px; height: 30px; line-height: 30px; padding-left: 20px; background-image: url("../images/ico4.png"); background-repeat: no-repeat; background-position: left center; margin-right: 80px; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.relevant .content ul li:hover{transform: translateX(10px); -webkit-transform: translateX(10px);}
.relevant .content ul li a{color: #676767; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wjdh-h3{text-align: center; margin-bottom: 30px;}
.wjdh-h3 h3 a{display: block; color: #313131; font-size: 26px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.wjdh-h3:hover h3 a{transform: translateY(20px); -webkit-transform: translateY(20px);}
.wjdh-h3 span{*display: inline; _display: inline; display: inline-block; zoom: 1; font-size: 20px; color: #cdcdcd; position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; text-transform: uppercase;}
.wjdh-h3:hover span{transform: translateY(-35px); -webkit-transform: translateY(-35px);}
.wjdh-h3 span i,
.wjdh-h3 span em{position: absolute; top: 10px; float: left; width: 30px; height: 1px; margin: 0 auto; background-color: #bdbdbd;}
.wjdh-h3 span i{left: -40px;}
.wjdh-h3 span em{right: -40px;}
.img{overflow: hidden; position: relative; border: 1px solid #eee; background-color: #f4f4f4;}
.img img{background-image: url("../images/wjdh-logo.png"); background-repeat: no-repeat; background-position: center center; -webkit-transition: transform .3s ease-out; transition: transform .3s ease-out;}
li:hover .img img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.wjdh-link{display: block; width: 38px; height: 38px; background-image: url("../images/link.png"); background-repeat: no-repeat; background-position: center center;}
.item-mask{width: 100%; height: 100%; background: rgba(0, 0, 0, 0); position: absolute; left: 0; top: 0; opacity: 0; -webkit-transform: rotateX(180deg) scale(0.5, 0.5); transform: rotateX(180deg) scale(0.2, 0.2); transition: all ease-out .5s;}
li:hover .item-mask{opacity: 1; -webkit-transform: rotateX(0deg) scale(1, 1); transform: rotateX(0deg) scale(1, 1); transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s; background: rgba(0, 0, 0, 0.3);}
.item-mask .item-link-icon{display: block; width: 38px; height: 38px; text-align: center; font-size: 22px; line-height: 38px; border: 1px solid rgba(255, 255, 255, .5); border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px;}
 
.image-list{margin-top: 45px; margin-bottom: 40px;}
.image-list .content ul{width: 1230px;}
.image-list .content ul li{float: left; width: 334px; padding: 20px; border: 1px solid #e4e4e4; margin-right: 26px; position: relative; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.image-list .content ul li .border-top,
.image-list .content ul li .border-right,
.image-list .content ul li .border-bottom,
.image-list .content ul li .border-left{display: block; position: absolute; background-color:#313131; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.image-list .content ul li .border-top{height: 1px; width: 0; left: -1px; top: -1px;}
.image-list .content ul li:hover .border-top{width: 376px;}
.image-list .content ul li .border-right{height: 0; width: 1px; right: -1px; top: -1px;}
.image-list .content ul li:hover .border-right{height: 463px;}
.image-list .content ul li .border-bottom{height: 1px; width: 0; right: -1px; bottom: -1px;}
.image-list .content ul li:hover .border-bottom{width: 376px;}
.image-list .content ul li .border-left{height: 0; width: 1px; left: -1px; bottom: -1px;}
.image-list .content ul li:hover .border-left{height: 463px;}
.image-list .content ul li .title-a{font-size: 18px; line-height: 35px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.image-list .content ul li:hover .title-a{color: #313131;}
.image-list .content ul li .img{width: 334px; height: 230px;}
.image-list .content ul li img{}
.image-list .content ul li p{color: #999; text-indent: 2em; height: 69px; line-height: 23px; overflow: hidden; margin: 15px auto 35px;}
.image-list .content ul li .more{display: block; width: 170px; height: 35px; line-height: 35px; text-align: center; margin: 0 auto; border: 1px solid #d0d0d0; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.image-list .content ul li:hover .more{background-color: #313131; border: 1px solid #313131; color: #fff; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.image-list .content ul li .more span{overflow: hidden; line-height: 35px; height: 35px; vertical-align: middle;}
.image-list .content ul li .more i{_display: inline; *display: inline; display: inline-block; zoom: 1; width: 0; height: 35px; background-image: url("../images/bg2.gif"); background-repeat: no-repeat; background-position: left center; vertical-align: middle; margin-left: 10px; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.image-list .content ul li:hover .more i{width: 33px;}
.image-list .tagcell{margin: 20px 0; text-align: center;}
.image-list .tagcell span{_display: inline; *display: inline; display: inline-block; zoom: 1; background-color: #e3e3e3; width: 42px; height: 10px; line-height: 10px; border-radius: 5px; margin: 0 10px;}
.image-list .tagcell .on{background-color: #a6a6a6;}
 
.text-list{margin-bottom: 40px;}
.text-list ul li{float: left; width: 50%; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; position: relative; margin-bottom: -1px; z-index: 9}
.text-list ul li:hover{z-index: 999;}
.text-list ul li .border-top,
.text-list ul li .border-bottom{display: block; width: 0; height: 1px; position: absolute; background-color:#313131; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.text-list ul li .border-top{left: 0; top: -1px;}
.text-list ul li:hover .border-top{width: 100%;}
.text-list ul li .border-bottom{left: 0; bottom: -1px;}
.text-list ul li:hover .border-bottom{width: 100%;}
.text-list dl dt{float: left; width: 170px; height: 130px; background-color: #f8f8f8; border-right: 1px solid #e4e4e4; color: #999; position: relative;}
.text-list dl dt i{display: block; width: 100%; height: 0; background-color: #313131; position: absolute; left: 0; bottom: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.text-list ul li:hover dl dt i{height: 100%;}
.text-list dl dt .date{position: absolute; z-index: 99; left: 50px; top: 30px;}
.text-list ul li:hover .date{color: #fff;}
.text-list dl dt .date span{font-size: 32px; display: block;}
.text-list dl dt .date em{font-size: 16px;}
.text-list dl dd{float: left; width: 335px; padding: 30px 0 0 40px;}
.text-list dl dd a{display: block; font-size: 16px; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.text-list ul li:hover dd a{color:#313131;}
.text-list dl dd p{color: #999; line-height: 18px; height: 36px; overflow: hidden;}
.express-lane{border-bottom: 1px solid #e4e4e4;}
.express-lane h3{padding-left:20px; background-image: url("../images/ico4.png"); background-repeat: no-repeat; background-position: left ; border-bottom: 1px solid #e4e4e4; line-height: 30px; font-size: 20px; color: #747474; text-transform: uppercase;}
.express-lane .content{padding: 10px 0;}
.express-lane dl{ background-image: url("../images/header_icon02.png"); background-repeat: no-repeat; background-position:left; line-height: 35px;}
.express-lane dl dt,
.express-lane dl dd{display: inline;}
.express-lane dl dt{font-size: 17px; color: #747474;}
.express-lane dl dd a{color: #999; font-size: 15px; *display: inline; _display: inline; display: inline-block; zoom: 1; margin-right: 20px;}
.express-lane dl dd a:hover{color:#313131;}
.bottom-contact{text-align: center;}
.bottom-contact .tel,
.bottom-contact .qq{*display: inline; _display: inline; display: inline-block; padding-left: 50px; text-align: left; color: #747474; height: 50px; overflow: hidden; margin: 0 20px; padding: 20px 0 20px 50px; cursor: pointer; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.bottom-contact .tel{background-image: url("../images/phone2.png"); background-repeat: no-repeat; background-position: 10px center; font-size: 16px;}
.bottom-contact .tel p{font-size: 24px; font-weight: bold; position: relative;}
.bottom-contact .tel p span{display: block; width: 0; position: absolute; left: 0; top: 0; font-size: 24px; color: #f00; white-space: nowrap; overflow: hidden; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.bottom-contact .tel:hover p span{width: 100%;}
.bottom-contact .qq{background-image: url("../images/qq.png"); background-repeat: no-repeat; background-position: left center; line-height: 25px;}
.bottom-contact .tel:hover{background-position: 10px 15px;}
.bottom-contact .qq:hover{background-position: left 15px;}
 
.cat-menu{padding: 0 0 40px; text-align: center;}
.cat-menu .title{display: inline; color: #bbb; font-size: 24px; border-bottom: 1px solid #bbb; text-transform: uppercase;}
.cat-menu .menu-list{margin-top: 20px;}
.cat-menu .menu-list span{*display: inline; _display: inline; zoom: 1; display: inline-block; position: relative;}
.cat-menu .menu-list span:before{display: block; content: ''; position: absolute; left: 50%; bottom: 10px; margin-left: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #333; z-index: 8; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.cat-menu .menu-list span a{font-size: 16px; display: block; width: 150px; height: 35px; line-height: 35px; color: #fff; background-color: #333; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 10px 20px; position: relative; z-index: 9;}
.cat-menu .menu-list .cur a,
.cat-menu .menu-list span:hover a{background-color: #f00;}
.cat-menu .menu-list .cur:before,
.cat-menu .menu-list span:hover:before{border-top: 10px solid #f00; bottom: 0;}
 
.list01,
.list02,
.list03{background-color: #f4f4f4; padding: 20px 0;}
.list01 .list01-content,
.list02 .list02-content,
.list03 .list03-content{background-color: #fff;}
.list01 .wjdh-title,
.list02 .wjdh-title,
.list03 .wjdh-title{border-bottom: 1px solid #f4f4f4;}
.list01 .content,
.list02 .content,
.list03 .content{padding: 0 20px 25px;}
.list01 .list01-top{margin-bottom: 50px;}
.list01 .list01-top ul li{position: relative;}
.list01 .list01-top .img{width: 420px; height: 270px;}
.list01 .list01-top .info{width: 660px; padding: 35px 0;}
.list01 .list01-top .info .title-a{display: block; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list01 .list01-top .info em{float: right;}
.list01 .list01-top .info p{margin: 20px 0; color: #999; line-height: 22px; height: 66px;}
.list01 .list01-top .info .more{display: block; width: 170px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #d0d0d0; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.list01 .list01-top:hover .info .more{background-color: #f00; border: 1px solid #f00; color: #fff; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.list01 .list01-top .info .more span{overflow: hidden; line-height: 35px; height: 35px; vertical-align: middle;}
.list01 .list01-top .tag-hot{position: absolute; display: block; width: 38px; height: 24px; line-height: 24px; background-color: #f00; color: #fff; text-align: center; text-transform: uppercase; right: 0; bottom: 0;}
.list01 .list01-top .info .more i{_display: inline; *display: inline; display: inline-block; zoom: 1; width: 0; height: 35px; background-image: url("../images/bg2.gif"); background-repeat: no-repeat; background-position: left center; vertical-align: middle; margin-left: 10px; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.list01 .list01-top:hover .info .more i{width: 33px;}
.list01 .list ul{width: 1200px;}
.list01 .list ul li{float: left; width: 535px; border: 1px solid #e4e4e4; height: 98px; position: relative; -webkit-transition: all .8s ease-out; transition: all .8s ease-out; background-color: rgba(255, 255, 255, .8); *background-color: #fff; _background-color: #fff; margin: 0 60px 20px 0;}
.list01 .list ul li:hover{border: 1px solid #f00; transform: translate(-10px, -10px); -webkit-transform: translate(-10px, -10px); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2)}
.list01 .list ul li .more{display: block; width: 15px; height: 15px; position: absolute; right: 0; top: 0; background-image: url("../images/more2.png"); background-repeat: no-repeat; background-position: center center; background-color: #999;}
.list01 .list ul li:hover .more{background-color: #f00;}
.list01 .list dl dt{float: left; width: 125px; height: 98px; color: #999; position: relative;}
.list01 .list dl dt .date{position: absolute; z-index: 99; left: 30px; top: 10px;}
.list01 .list dl dt .date span{font-size: 32px; display: block; color: #999;}
.list01 .list ul li:hover .date span{color: #f00;}
.list01 .list dl dt .date em{font-size: 16px; color: #b7b7b7;}
.list01 .list dl dd{float: left; width: 335px; padding: 15px 0 0 40px;}
.list01 .list dl dd a{display: block; font-size: 16px; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list01 .list dl dd p{color: #999; line-height: 18px; height: 36px; overflow: hidden;}
.list02 .list ul{width: 1160px;}
.list02 .list ul li{float: left; width: 510px; height: 110px; border: 1px solid #ececec; padding: 20px; margin: 0 28px 20px 0;}
.list02 .list ul li:hover{border: 1px solid #f00;}
.list02 .list ul li img{width: 230px; height: 110px;}
.list02 .list ul li .info{width: 255px;}
.list02 .list ul li .info .title-a{display: block; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list02 .list ul li:hover .info .title-a{color: #f00;}
.list02 .list ul li .info em{float: right;}
.list02 .list ul li .info p{margin: 10px 0; color: #999; line-height: 22px; height: 44px; overflow: hidden;}
.list02 .list ul li .info .more{display: block; width: 100px; height: 20px; line-height: 20px; text-align: center; border: 1px solid #d0d0d0; color: #d0d0d0; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.list02 .list ul li:hover .info .more{background-color: #f00; border: 1px solid #f00; color: #fff; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.list02 .list ul li .more span{overflow: hidden; line-height: 20px; height: 20px; vertical-align: middle;}
.list03 .menu-text{color: #999; font-size: 15px; line-height: 20px; text-indent: 2em; margin-bottom: 50px;}
.list03 .menu-text span{display: block; text-align: right; color: #999;}
.list03 .menu-text span a{color: #999;}
.list03 .list ul{width: 1195px;}
.list03 .list ul li{float: left; width: 338px; margin: 0 60px 60px 0; text-align: center;}
.list03 .list ul li .img{width: 318px; height: 233px; border: 10px solid #f4f4f4;}
.list03 .list ul li .info .title-a{margin-top: 10px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 30px; line-height: 30px; color: #999; font-size: 15px;}
.list03 .list ul li .info .more{color: #999;}
.list03 .list ul li .info i{display: block; width: 100%; height: 1px; background-color: #cacaca; margin-top: 10px;}
.list03 .list ul li .info i em{display: block; width: 0; height: 1px; background-color: #f00; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.list03 .list ul li:hover .info i em{width: 100%;}

.subleft{width: 245px;}
.lefta{width: 245px; margin-bottom: 10px;}
.lefta .comt{background: #fff;}
.lefta .comt ul{border:1px solid #ddd;}
.lefta .comt ul li a{background: #fff url("../images/tb9.png")213px center no-repeat; border-top: 1px solid #eaeaea; line-height: 60px; height: 60px; display: block; padding-left: 25px; font-size: 14px;}
.lefta .comt ul li .box{padding: 10px 0px; display: none;}
.lefta .comt ul li .box a{height: 30px; line-height: 30px; display: block; color: #888; border: 0px;}
.lefta .comt ul li .box a:hover{color: #007eb9; background: none;}
.lefta .comt ul li:hover a, .lefta .comt ul li.hover a{background: #da0001 url("../images/tb11.png") 213px center no-repeat;font-weight: bold;color: #fff;}
.lefta .comt ul li.hover a{background: #da0001 url("../images/tb11.png")213px center no-repeat;font-weight: bold;color: #fff;}
.lefta .comt ul li.hover .box a{background: none; font-weight: normal;}
.lefta .comt ul li.hover .box a.hover{color: #007eb9; font-weight: bold;}
.lefta .comt ul li .boxlist{padding: 0; display: none; border:none;}
.lefta .comt ul li .boxlist li{line-height: 50px; background: #b1aeae;}
.lefta .comt ul li .boxlist li a{height: 40px; padding-left: 45px; color: #333; font-weight: normal; border-bottom: 0; line-height: 40px; background: #f6f6f6 url("../images/tb12.png") 26px center no-repeat;border-top:none;}
.lefta .comt ul li .boxlist li a:hover, .lefta .comt ul li .boxlist li a.hover{color: #137c32; font-weight: bold}
.lefta .comt ul li.hover .boxlist{display: block;}

.leftnews .title2{height: 42px;     height: 42px;
    padding-left: 52px;
    padding-top: 18px;}
.leftnews .leftcont{background: #fff; padding: 10px;}
.leftnews .leftcont h2{font-size: 16px; font-weight: bold; color: #333; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2;}
.leftnews .leftcont span{line-height: 24px; font-size: 12px; padding-top: 10px; display: block; border-bottom: 1px solid #f2f2f2;}
.leftnews .leftcont p{font-size: 18px; color: #333; padding-top: 10px; line-height: normal;}
.leftnews .leftcont p i{font-size: 22px; color: #333; display: block; }


.bor9{border-bottom: 5px solid #eaeaea;}
.title2{background: url("../images/bg5.jpg") no-repeat left;height: 102px;color: #fff;font-size: 20px;font-weight: bold;padding-right: 29px;}
.title2 h2{line-height: 102px; text-align: center; font-size: 20px; font-weight: bold;margin-left:20px;}
.title2 i{font-size: 20px;font-weight: bold;color: #fff;padding-left: 26px;padding-top: 2px; font-style: normal;}

.news-list ul li{position: relative; padding: 10px; height: 110px; border-bottom: 1px solid #f4f4f4; overflow: hidden; margin-bottom: 20px; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.news-list ul li:before{z-index: -1; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F8F8F8; opacity: 0; -webkit-transform: scale3d(1, 0.1, 1); transform: scale3d(1, 0.1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.news-list ul li:hover:before{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.news-list ul li .title-a{font-weight: bold; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-list ul li span{float: right; color: #747474; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.news-list ul li p{color: #747474; height: 44px; line-height: 22px; overflow: hidden; margin: 10px 0; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.news-list ul li .more{float: right; width: 100px; height: 22px; line-height: 22px; border: 1px solid #333; text-align: center; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.news-list ul li:hover .more{color: #f00; border: 1px solid #f00;}
.news-center-company{background-color: #f4f4f4; padding: 50px 0;}
.news-center-company .company-top{width: 424px; background-color: #fff; border: 1px solid #e4e4e4;}
.news-center-company .company-top ul li{width: 378px; padding: 23px;}
.news-center-company .company-top .pr{position: relative;}
.news-center-company .company-top dl{position: absolute; left: 0; bottom: -25px; color: #fff; background-color: #f00;}
.news-center-company .company-top dl dt{font-size: 28px; padding: 29px 10px 0 10px; border: 1px solid rgba(255, 255, 255, 0.2);}
.news-center-company .company-top dl dd{font-size: 16px; height: 25px; line-height: 25px; padding: 0 10px;}
.news-center-company .company-top ul li .img{width: 378px; height: 265px;}
.news-center-company .company-top ul li .title-a{font-size: 18px; margin-bottom: 20px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-center-company .company-top ul li p{margin-top: 40px; color: #999; line-height: 23px; height: 69px; overflow: hidden; text-indent: 2em; margin-bottom: 10px;}
.news-center-company .company-top ul li .more{display: block; width: 170px; height: 35px; line-height: 35px; text-align: center; margin: 0 auto; border: 1px solid #d0d0d0; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.news-center-company .company-top ul li:hover .more{background-color: #f00; border: 1px solid #f00; color: #fff; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.news-center-company .company-top ul li .more span{overflow: hidden; line-height: 35px; height: 35px; vertical-align: middle;}
.news-center-company .company-top ul li .more i{_display: inline; *display: inline; display: inline-block; zoom: 1; width: 0; height: 35px; background-image: url("../images/bg2.gif"); background-repeat: no-repeat; background-position: left center; vertical-align: middle; margin-left: 10px; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.news-center-company .company-top ul li:hover .more i{width: 33px;}
.news-center-company .company-list{width: 725px;}
.news-center-company .company-list .title{margin-bottom: 20px;}
.news-center-company .company-list .title dl{float: left; width: 40px; text-align: center; color: #f00; text-transform: uppercase;}
.news-center-company .company-list .title dl dt{font-size: 37px; height: 28px; line-height: 28px;}
.news-center-company .company-list .title dl dd{font-size: 12px; height: 12px; line-height: 12px;}
.news-center-company .company-list .title .title-h3{width: 685px; padding-bottom: 5px; border-bottom: 1px solid #ececec;}
.news-center-company .company-list .title .title-h3 h3 a{font-size: 26px; font-weight: bold; color: #f00; border-bottom: 1px solid #f00; padding-bottom: 4px;}
.news-center-company .company-list .title .more{float: right; width: 53px; height: 14px; background-image: url("../images/more3.png"); background-repeat: no-repeat; background-position: center center; margin-top: 10px;}
.news-center-company .company-list .list ul li{border: 1px solid #e4e4e4; width: 100%; height: 98px; position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; background-color: rgba(255, 255, 255, .8); * background-color: #fff; _background-color: #fff; margin-top: 17px;}
.news-center-company .company-list .list ul li:hover{border: 1px solid #f00; transform: translate(-10px, -10px); -webkit-transform: translate(-10px, -10px); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2)}
.news-center-company .company-list .list ul li .more{display: block; width: 15px; height: 15px; position: absolute; right: 0; top: 0; background-image: url("../images/more2.png"); background-repeat: no-repeat; background-position: center center; background-color: #999;}
.news-center-company .company-list .list ul li:hover .more{background-color: #f00;}
.news-center-company .company-list .list dl dt{float: left; width: 125px; height: 98px; color: #999; position: relative;}
.news-center-company .company-list .list dl dt .date{position: absolute; z-index: 99; left: 30px; top: 10px;}
.news-center-company .company-list .list dl dt .date span{font-size: 32px; display: block; color: #999;}
.news-center-company .company-list .list ul li:hover .date span{color: #f00;}
.news-center-company .company-list .list dl dt .date em{font-size: 16px; color: #b7b7b7;}
.news-center-company .company-list .list dl dd{float: left; width: 545px; padding: 15px 0 0 40px;}
.news-center-company .company-list .list dl dd a{display: block; font-size: 16px; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-center-company .company-list .list dl dd p{color: #999; line-height: 18px; height: 36px; overflow: hidden;}
.industry{padding: 50px 0;}
.industry .industry-left{width: 270px;}
.industry .industry-left .industry-title{height: 240px; background-color: #f00; position: relative; overflow: hidden; margin-bottom: 10px;}
.industry .industry-left .industry-title i.top{display: block; height: 6px; width: 100%; background-color: #565656;}
.industry .industry-left:hover .industry-title i.top{animation: itop .8s; -webkit-animation: itop .8s;}
@keyframes itop{from{width: 0;} to{width: 100%;}}
@-webkit-keyframes itop{from{width: 0;} to{width: 100%;}}
.industry .industry-left .industry-title .title{width: 120px; height: 56px; padding: 20px 30px; margin: 40px auto; color: #fff; position: relative;}
.industry .industry-left .industry-title .title a{display: block; font-weight: bold; font-size: 30px; color: #fff;}
.industry .industry-left .industry-title .title span{font-size: 16px; font-weight: bold; text-transform: uppercase;}
.industry .industry-left .industry-title .title i{display: block; background-color: #fff; width: 16px; height: 1px; position: absolute;}
.industry .industry-left .industry-title .title em{display: block; background-color: #fff; width: 1px; height: 16px; position: absolute;}
.industry .industry-left .industry-title .title i.l-t,
.industry .industry-left .industry-title .title i.l-t em{left: 0; top: 0}
.industry .industry-left .industry-title .title i.r-b,
.industry .industry-left .industry-title .title i.r-b em{right: 0; bottom: 0;}
.industry .industry-left:hover i.l-t{animation: l-t .8s; -webkit-animation: l-t .8s;}
.industry .industry-left:hover i.r-b{animation: r-b .8s; -webkit-animation: r-b .8s;}
@keyframes l-t{from{transform: translate(-20px, -20px);} to{transform: translate(0, 0);}}
@-webkit-keyframes l-t{from{transform: translate(-20px, -20px);} to{transform: translate(0, 0);}}
@keyframes r-b{from{transform: translate(20px, 20px);} to{transform: translate(0, 0);}}
@-webkit-keyframes r-b{from{transform: translate(-20px, -20px);} to{transform: translate(0, 0);}}
.industry .industry-left .industry-title .more{display: block; margin: 10px auto; width: 85px; height: 23px; line-height: 23px; color: #fff; text-align: center; text-transform: uppercase; position: relative;}
.industry .industry-left .industry-title .more i,
.industry .industry-left .industry-title .more em{display: block; width: 100%; height: 1px; background-color: #fff; position: absolute;}
.industry .industry-left:hover .industry-title .more i,
.industry .industry-left:hover .industry-title .more em{animation: industry-more .8s; -webkit-animation: industry-more .8s;}
@keyframes industry-more{from{width: 0;} to{width: 100%;}}
@-webkit-keyframes industry-more{from{width: 0;} to{width: 100%;}}
.industry .industry-left .industry-title .more i{left: 0; top: 0;}
.industry .industry-left .industry-title .more em{right: 0; bottom: 0;}
.industry .industry-left .list ul li{height: 35px; line-height: 35px; border-bottom: 1px dashed #999;}
.industry .industry-left .list ul li a{display: block; width: 90%; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #999; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.industry .industry-left .list ul li:hover a{transform: translateX(10px); -webkit-transform: translateX(10px);}
.industry .industry-left .list ul li span{margin-right: 5px;}
.industry .industry-right{width: 860px;}
.industry .industry-right .list ul li{width: 840px; height: 180px; padding: 10px; margin-bottom: 25px;}
.industry .industry-right .list ul li:hover{background-color: #f00;}
.industry .industry-right .list ul li .img{width: 235px; height: 177px;}
.industry .industry-right .list ul li .info{width: 570px;}
.industry .industry-right .list ul li .info .title-a{font-size: 16px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 10px;}
.industry .industry-right .list ul li:hover .info .title-a{color: #fff;}
.industry .industry-right .list ul li .info p{line-height: 22px; padding: 15px 0; color: #999;}
.industry .industry-right .list ul li:hover .info p{color: #fff;}
.industry .industry-right .list ul li .info .more{display: block; width: 170px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #d0d0d0; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.industry .industry-right .list ul li:hover .more{background-color: #f00; border: 1px solid #fff; color: #fff; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.industry .industry-right .list ul li .more span{overflow: hidden; line-height: 35px; height: 35px; vertical-align: middle;}
.industry .industry-right .list ul li .more i{_display: inline; *display: inline; display: inline-block; zoom: 1; width: 0; height: 35px; background-image: url("../images/bg2.gif"); background-repeat: no-repeat; background-position: left center; vertical-align: middle; margin-left: 10px; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.industry .industry-right .list ul li:hover .more i{width: 33px;}
 
.hot-rec{height: 400px; padding: 15px; background-color: #f8f8f8; margin-bottom: 20px; overflow: hidden;}
.hot-rec .content .img{width: 470px; height: 305px; background-color: #fff; border: 14px solid #fff; position: relative;}
.hot-rec .content .img img{}
.hot-rec .content .info{width: 345px;}
.hot-rec .content .info .title-a{display: block; height: 35px; line-height: 35px; background-color: #f00; color: #fff; font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; margin-bottom: 12px;}
.hot-rec .content .info p{font-size: 14px; border: 1px solid #ececec; background-color: #fff; padding: 10px; color: #525252; line-height: 27px; height: 162px; overflow: hidden; margin-bottom: 12px;}
.hot-rec .content .info .tag{width: 160px; font-size: 13px; background-color: #efefef; padding: 9px; height: 72px; line-height: 24px; border: 1px solid #ececec; color: #999; overflow: hidden;}
.hot-rec .content .info .tag a{color: #999;}
.hot-rec .content .info .online{background-color: #f00; color: #fff; height: 92px;}
.hot-rec .content .info .online .more{display: block; background-image: url("../images/more1.png"); background-repeat: no-repeat; background-position: 10px center; padding-left: 30px; color: #fff; height: 30px; line-height: 30px; font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.hot-rec .content .info .online .tel{padding: 8px 10px;}
.hot-rec .content .info .online span{display: block; font-size: 20px; font-weight: bold;}
.product-list{padding: 15px 15px 0 15px; background-color: #f8f8f8;}
.product-list ul{width: 990px;}
.product-list ul li{float: left; width: 398px; padding: 10px; border: 1px solid #ececec; background-color: #fff; margin: 0 20px 20px 0;}
.product-list ul li:hover{border: 1px solid #f00;}
.product-list ul li .img{float: left; width: 245px; height: 170px;}
.product-list ul li .info{padding-left: 255px;}
.product-list ul li .info .title-a{display: block; font-size: 16px; line-height: 19px; height: 38px; margin-bottom: 10px; overflow: hidden; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.product-list ul li:hover .info .title-a{color: #f00;}
.product-list ul li .info p{color: #999; line-height: 20px; height: 60px; overflow: hidden; margin-bottom: 10px;}
.product-list ul li .info .more{display: block; color: #999; border: 1px solid #999; width: 80%; height: 22px; line-height: 22px; margin: auto; text-align: center; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.product-list ul li:hover .info .more{color: #f00; border: 1px solid #f00;}
.prohead{margin-bottom: 25px;}
.prohead .hleft{width: 402px; float: left}
.prohead .hleft .proimg,
.prohead .hleft .cloud-zoom-big{width: 400px; height: 300px; border: 1px solid #ececec; padding: 2px; margin-bottom: 10px;}
.prohead .hleft .proimg img{width: 400px; height: 300px;}
.prohead .hleft .smallimg{width: 402px; height: 70px; overflow: hidden;}
.prohead .hleft .smallimg dl{width: 402px; height: 70px;}
.prohead .hleft .smallimg dl dt{width: 10px; height: 45px; margin-top: 13px;}
.prohead .hleft .smallimg dl dt.prev{float: left;}
.prohead .hleft .smallimg dl dt.next{float: right;}
.prohead .hleft .smallimg dd{width: 366px; height: 70px; float: left; margin-left: 10px; overflow: hidden;}
.prohead .hleft .smallimg dd li{width: 102px; float: left; height: 70px; text-align: center; margin: 0 10px;}
.prohead .hleft .smallimg dd li img{width: 98px; height: 68px; border: 1px solid #ccc;}
.prohead .hleft .smallimg dd li a:hover img,
.prohead .hleft .smallimg dd li a.hover img{border-color: #f00;}
.prohead .hleft .btns{margin-top: 20px;}
.prohead .hleft .btns span{display: none}
.prohead .hleft .btns a{display: block; height: 22px; line-height: 22px; text-indent: 20px; font-size: 12px; background: url("../images/btn-s-bg.png")no-repeat; float: left; margin: 0 16px 0 0!important; padding: 0!important; width: 80px;}
.prohead .hleft .btns a.b1{background-position: left -150px}
.prohead .hleft .btns a.b2{background-position: left -30px; width: 93px;}
.prohead .hleft .btns a.b3{background-position: left -120px;}
.prohead .hleft .btns a.b4{background-position: left -60px;}
.btns1{clear: both; margin-top: 15px;}
.btns1 a{margin-right: 20px;}
.prohead .hright{width: 380px; border: 1px solid #dbdbdb; padding-bottom: 10px;}
.prohead .hright .title-a{display: block; height: 38px; line-height: 38px; text-align: center; font-size: 18px; font-weight: bold; color: #f00; border-bottom: 1px solid #dbdbdb; padding: 0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prohead .hright p{padding: 20px; color: #666; line-height: 20px; height: 60px; overflow: hidden; border-bottom: 1px solid #dbdbdb;}
.prohead .hright .info{height: 75px; overflow: hidden; padding: 18px 20px; border-bottom: 1px solid #dbdbdb;}
.prohead .hright .info ul li:first-child{height: 25px;}
.prohead .hright .info ul li{color: #f00; line-height: 25px; height: 50px; overflow: hidden;}
.prohead .hright .info ul li label{*display: inline; _display: inline; zoom: 1; display: inline-block; width: 70px;}
.prohead .hright .info ul li a{color: #f00; margin-right: 10px;}
.prohead .hright .tel{font-size: 18px; font-weight: bold; color: #f00; text-align: center; height: 33px; line-height: 33px; overflow: hidden; border-bottom: 1px solid #dbdbdb;}
.prohead .hright .tel span{color: #f00; position: relative; *display: inline; _display: inline; zoom: 1; display: inline-block;}
.prohead .hright .tel span em{color:#f00; font-weight: bold; position: absolute; left: 0; top: 0; display: block; width: 0; height: 33px; line-height: 33px; white-space: nowrap; overflow: hidden; -webkit-transition: all .8s ease-out; transition: all .8s ease-out;}
.prohead .hright .tel:hover span em{width: 100%;}
.prohead .hright .online{text-align: center; padding: 30px 0;}
.prohead .hright .online a{*display: inline; _display: inline; zoom: 1; display: inline-block; width: 130px; height: 35px; line-height: 35px; background-color: #f00; font-size: 18px; font-weight: bold; color: #fff; margin: 0 10px;}
.prohead .hright .share{padding: 5px 20px;}
.prohead .hright .share .bds_txt{float: left; margin: 4px 6px 4px 0;}
.product-content{margin-top: 10px; margin-bottom: 20px;}
.product-content .wjdh-title{padding: 10px 0;}
.product-content .wjdh-title .scan{position: absolute; right: 0; bottom: 10px; cursor: pointer;}
.product-content .wjdh-title .scan span{display: block; background-image: url("../images/ewm.gif"); background-repeat: no-repeat; background-position: left center; padding-left: 30px; height: 30px; line-height: 30px; font-size: 14px;}
.contact{background-color: #f4f4f4; border-top: 5px solid #efefef; padding: 20px 0; margin-top: 50px;}
.contact .contact-text .title{width: 78px; height: 100px; padding: 180px 10px 10px 10px; background-color: #f00; background-image: url("../images/contact.png"); background-repeat: no-repeat; background-position: 10px 10px;}
.contact .contact-text .title .qrcode img{width: 78px; height: 78px; background-color: #fff;}
.contact .contact-text .title .qrcode span{display: block; height: 20px; line-height: 20px; color: #fff; font-size: 12px; text-align: center;}
.contact .contact-text .content{background-color: #fff; padding: 40px 0 0 35px; width: 375px; height: 250px; position: relative;}
.contact .contact-text .content ul{width: 260px; height: 210px; overflow: hidden;}
.contact .contact-text .content ul li{font-size: 15px; color: #828282; height: 30px; line-height: 30px;}
.contact .contact-text .content .kf-img{position: absolute; bottom: 0; right: -50px;}
.contact .contact-form{width: 560px;}
.contact .contact-form p{font-size: 16px; line-height: 25px; margin-bottom: 10px;}
.contact .contact-form p span{display: block; color: #f00;}
.contact .contact-form ul li{background-color: #fff; width: 250px; height: 28px; float: left; margin-right: 30px; margin-bottom: 15px;}
.contact .contact-form ul li label{vertical-align: middle; float: left; border-right: 3px solid #f4f4f4;}
.contact .contact-form ul li input{float: left; height: 28px; line-height: 28px; vertical-align: middle; padding: 0 10px;}
.contact .contact-form ul li textarea{height: 75px; width: 460px; padding: 10px;}
.contact .contact-form ul .form-content{height: 95px; width: 530px;}
.contact .contact-form .form-button .btn-submit,.contact .contact-form .form-button .submit,
.contact .contact-form .form-button a{*display: inline; _display: inline; zoom: 1; display: inline-block; width: 135px; line-height: 35px; height: 35px; text-align: center; font-size: 18px; font-weight: bold; background-color: #828282; border: 0; color: #fff; cursor: pointer; margin-right: 20px;float:left;}
.contact .contact-form .form-button .online,.contact .contact-form .form-button .submit{background-color: #f00; -webkit-transition: all 0s; transition: all 0s; position: relative; border: 1px solid #f00;}
.contact .contact-form .form-button .online span{position: relative; z-index: 9;}
.contact .contact-form .form-button .online i{position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: #f00; -webkit-transition: all .6s ease-out; transition: all .6s ease-out; -webkit-transform: scale(0.6, 1); transform: scale(0.6, 1); z-index: 8; opacity: .6;}
.contact .contact-form .form-button .online:hover{background-color: #fff;}
.contact .contact-form .form-button .online:hover i{opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1);}
.wjdh-map{position: relative;}
.wjdh-map #wmap{width: 100%; height: 500px;}
.wjdh-map #r-result{position: absolute; right: 0; top: 0; width: 450px; max-height: 500px; overflow-y: scroll; overflow-x: hidden; z-index: 99; transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.wjdh-map .luxianjieguo #r-result{}
.wjdh-map .anchorBL{display: none;}
.wjdh-map .BMap_pop>div>div{border-radius: 8px; border: 0!important;}
.wjdh-map .BMap_pop .BMap_center{border: 0!important; border-right: 1px solid #fff!important;}
.wjdh-map .BMap_top{border: 0!important;}
.wjdh-map .BMap_bottom{border: 0!important;}
.wjdh-map .map-marker dt{float: left;}
.wjdh-map .map-marker dd{height:110px; overflow: hidden; margin-left: 110px;}
.wjdh-map .map-marker dd span{font-size: 14px;}
.wjdh-map .map-marker h4{height:30px; font-size:20px;color: #da0001;font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.wjdh-map .map-marker p{height: 20px; line-height: 20px; }
.driving-way{font-family: 'Microsoft JhengHei';}
.driving-way .hd li{float: left; font-size: 16px; width: 50%; height: 50px; line-height: 50px; background-color: #eee; text-indent: 80px; cursor: pointer;}
.driving-way .hd li.on{color: #fff;}
.driving-way .map-tab{padding: 20px 0;}
.driving-way .map-tab .trip-mode a{position: relative; float: left; font-size: 16px; padding-left: 50px; width: 100px; height: 50px; line-height: 50px;}
.driving-way .map-tab .trip-mode a.active{_background: url("../images/checkbox.png") no-repeat 10px center; *background: url("../images/checkbox.png")no-repeat 10px center;}
.driving-way .map-tab .trip-mode a i{width: 14px; height: 14px; display: block; border: 3px solid #666; position: absolute; left: 10px; top: 50%; margin-top: -10px; transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.driving-way .map-tab .trip-mode a:hover i,
.driving-way .map-tab .trip-mode a.active i{transform: translateZ(0px) rotate(45deg); -webkit-transform: translateZ(0px) rotate(45deg);}
.driving-way .map-tab .trip-mode a:hover i:before,
.driving-way .map-tab .trip-mode a.active i:before{opacity: 1;}
.driving-way .map-tab .trip-mode a i:before{content: ''; display: block; width: 6px; height: 6px; background-color: #666; position: absolute; left: 50%; top: 50%; margin-left: -3px; margin-top: -3px; opacity: 0; transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.driving-way .map-tab ul{position: relative; width: 100%; height: 112px; _background: url("../images/ico5.png") no-repeat left center; *background: url("../images/ico5.png")no-repeat left center;}
.driving-way .map-tab ul:before{position: absolute; left: 0; top: 50%; margin-top: -9px; content: ''; display: block; width: 16px; height: 17px; background: url("../images/ico5.png")no-repeat center center; transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.driving-way .map-go ul:before{transform: rotateX(180deg);}
.driving-way .map-tab ul li{height: 35px; line-height: 35px; width: 70%; font-size: 16px; padding: 10px 0; margin-left: 80px; position: absolute; left: 0; transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.driving-way .map-tab ul .d1{top: 0;}
.driving-way .map-tab ul .d2{top: 56px;}
.driving-way .map-go ul .d1{top: 56px;}
.driving-way .map-go ul .d2{top: 0;}
.driving-way .map-tab ul .d1:before{position: absolute; left: -20px; top: 30px; content: ''; display: block; border-radius: 50%; width: 3px; height: 3px; border: 2px solid #ed744e;}
.driving-way .map-tab ul .d2:before{position: absolute; left: -20px; top: 25px; content: ''; display: block; border-radius: 50%; width: 3px; height: 3px; border: 2px solid #12a7eb;}
.driving-way .map-tab ul i{display: block; width: 75%; height: 1px; background-color: #ccc; position: absolute; left: 50px; top: 56px;}
.driving-way .map-tab ul li input{font-size: 16px; width: 100%; height: 35px; line-height: 35px;}
.driving-way .map-tab #result{background-color: #313131; color: #fff; width: 200px; height: 50px; line-height: 50px; position: absolute; right: 0; top: 50%; margin-top: -25px; display: block; text-align: center; font-size: 18px; text-transform: uppercase; cursor: pointer; transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.driving-way .contact-content{float: right; width: 48%; padding-left: 2%; padding-top: 25px;}
.driving-way .contact-content li{float: left; width: 200px; font-size: 16px; color: #888; padding-left: 40px; margin-bottom: 40px; height: 32px; line-height: 32px; padding-bottom: 25px; background-position: 0 0; background-repeat: no-repeat;}
.driving-way .contact-content .ct-address{background-image: url("../images/ct-address.png"); margin-right: 40px;}
.driving-way .contact-content .ct-phone{background-image: url("../images/ct-phone.png"); margin-right: 40px;}
.driving-way .contact-content .ct-mobile{background-image: url("../images/ct-mobile.png");}
.driving-way .contact-content .ct-email{background-image: url("../images/ct-email.png");}
.driving-way .luxian{width: 50%; float: left;}
.driving-way .luxian ul li:first-child{background: #eee url("../images/ico6.png") no-repeat 100px center;}
.driving-way .luxian ul li{width: 100%; height: 60px; line-height: 60px; color: #999; text-align: center; font-size: 21px; margin: 20px 0; background: #eee url("../images/ico7.png") no-repeat 100px center; cursor: pointer;}
.message-page-box .message-box-title{height: 45px; line-height: 45px; background-color: #ededed; font-size: 18px; text-indent: 20px;}
.message-page-box ul{width: 1130px;}
.message-page-box li{float: left; margin-right: 30px; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.message-page-box li input{display: block; width: 534px; height: 50px; line-height: 50px;}
.message-page-box textarea{width: 1100px; height: 125px; line-height: 25px;}
.message-page-box p{width: 50%; float: left; color: #999;}
.message-page-box .submit{float: right; display: block; width: 64px; line-height: 34px; height: 34px; text-align: center; color: #fff; background-color: #666; cursor: pointer; margin-right: 30px; transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
#fancybox-loading{position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none;}
#fancybox-loading div{position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url("../images/fancybox.png");}
#fancybox-overlay{position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; display: none;}
#fancybox-tmp{padding: 0; margin: 0; border: 0; overflow: auto; display: none;}
#fancybox-wrap{position: absolute; top: 0; left: 0; padding: 20px; z-index: 99999; outline: none; display: none;}
#fancybox-outer{position: relative; width: 100%; height: 100%; background: #fff;}
#fancybox-content{width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff;}
#fancybox-hide-sel-frame{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101;}
#fancybox-close{position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url("../images/fancybox.png") -40px 0px; cursor: pointer; z-index: 1103; display: none;}
#fancybox-error{color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0;}
#fancybox-img{width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top;}
#fancybox-frame{width: 100%; height: 100%; border: none; display: block;}
#fancybox-left,
#fancybox-right{position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url("../images/blank.gif"); z-index: 1102; display: none;}
#fancybox-left{left: 0px;}
#fancybox-right{right: 0px;}
#fancybox-left-ico,
#fancybox-right-ico{position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block;}
#fancybox-left-ico{background-image: url("../images/fancybox.png"); background-position: -40px -30px;}
#fancybox-right-ico{background-image: url("../images/fancybox.png"); background-position: -40px -60px;}
#fancybox-left:hover,
#fancybox-right:hover{visibility: visible; /*IE6 */}
#fancybox-left:hover span{left: 20px;}
#fancybox-right:hover span{left: auto; right: 20px;}
.fancybox-bg{position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001;}
#fancybox-bg-n{top: -20px; left: 0; width: 100%; background-image: url("../images/fancybox-x.png");}
#fancybox-bg-ne{top: -20px; right: -20px; background-image: url("../images/fancybox.png"); background-position: -40px -162px;}
#fancybox-bg-e{top: 0; right: -20px; height: 100%; background-image: url("../images/fancybox-y.png"); background-position: -20px 0px;}
#fancybox-bg-se{bottom: -20px; right: -20px; background-image: url("../images/fancybox.png"); background-position: -40px -182px;}
#fancybox-bg-s{bottom: -20px; left: 0; width: 100%; background-image: url("../images/fancybox-x.png"); background-position: 0px -20px;}
#fancybox-bg-sw{bottom: -20px; left: -20px; background-image: url("../images/fancybox.png"); background-position: -40px -142px;}
#fancybox-bg-w{top: 0; left: -20px; height: 100%; background-image: url("../images/fancybox-y.png");}
#fancybox-bg-nw{top: -20px; left: -20px; background-image: url("../images/fancybox.png"); background-position: -40px -122px;}
#fancybox-title{font-family: Helvetica; font-size: 12px; z-index: 1102;}
.fancybox-title-inside{padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative;}
.fancybox-title-outside{padding-top: 10px; color: #fff;}
.fancybox-title-over{position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left;}
#fancybox-title-over{padding: 10px; background-image: url("../images/fancy_title_over.png"); display: block;}
.fancybox-title-float{position: absolute; left: 0; bottom: -20px; height: 32px;}
#fancybox-title-float-wrap{border: none; border-collapse: collapse; width: auto;}
#fancybox-title-float-wrap td{border: none; white-space: nowrap;}
#fancybox-title-float-left{padding: 0 0 0 15px; background: url("../images/fancybox.png") -40px -90px no-repeat;}
#fancybox-title-float-main{color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url("../images/fancybox-x.png") 0px -40px;}
#fancybox-title-float-right{padding: 0 0 0 15px; background: url("../images/fancybox.png") -55px -90px no-repeat;}
/*IE6 */
.fancybox-ie6 #fancybox-close{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_close.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-left-ico{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_left.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-right-ico{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_right.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-over{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_over.png', sizingMethod='scale'); zoom: 1;}
.fancybox-ie6 #fancybox-title-float-left{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_left.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-float-main{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_main.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-float-right{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_right.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-bg-w,
.fancybox-ie6 #fancybox-bg-e,
.fancybox-ie6 #fancybox-left,
.fancybox-ie6 #fancybox-right,
#fancybox-hide-sel-frame{height: expression(this.parentNode.clientHeight + "px");}
#fancybox-loading.fancybox-ie6{position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2: document.body.clientHeight/2) + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px');}
#fancybox-loading.fancybox-ie6 div{background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_loading.png', sizingMethod='scale');}
/*IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg{background: transparent !important;}
.fancybox-ie #fancybox-bg-n{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_n.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-ne{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_ne.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-e{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_e.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-se{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_se.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-s{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_s.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-sw{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_sw.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-w{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_w.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-nw{filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_nw.png', sizingMethod='scale');}/* 表单部分 */
.module_form_content{width:80%;}
.module_form_content .btn-area{padding-left:130px!important;}
.module_form_content .btn-area .btn-submit{margin-right: 0!important;}
.module_field{overflow:hidden; zoom:1; padding:5px 0; clear:both;}
.module_field:after{content:"";display:table;clear:both}
.module_field .c_left{float:left; width:100px; padding-right:30px; color:#333; font-size:14px; line-height:46px; text-align:right;}
.module_field .middle{display:block; overflow:hidden; zoom:1;}
.module_field .middle .input{float:none !important; width:90%; padding:10px 16px; font-size:14px; transition: all 0.3s linear; vertical-align:top; box-sizing: border-box; border:#999 1px solid}
.module_field .middle .input[name="code1"]{float:left !important; width:50% !important; padding: 10px 16px !important;}
.module_field .middle textarea.input{min-height:166px;}
.btn-area .btn-submit, .btn-area .reset{color:#fff;}
.btn-area .reset{color: #999;}
.btn-area .btn-submit{background:#b78a4b; margin-right:10px;}
.btn-area .btn-submit:hover{background:#f6aa26;}
.btn-area .reset{background:#122922;color: #fff;}
.btn-area .reset:hover{background:#000f16;}
.btn-area{padding:20px 0 !important;}
.btn-area .btn-submit, .btn-area .reset{display: inline-block; width:49%; height:44px; border:0; font-size:18px; line-height:44px; transition:all 0.3s linear; z-index:1; vertical-align: top;}